<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <style>
        /* article span:first-of-type{
            color: red;
        } */

        /* article span:first-child{
            background-color: royalblue;
        } */
        
        /* article span:last-of-type{
            color: royalblue;
        } */
        /* article span:last-of-type{
            color: red;
        } */

        article span:last-child{
            color: rosybrown;
        }
    </style>

    <article>
        <span>houdunren.com</span>
        <aside>
            <span>houdunwang3.com</span>
            <strong>hdscm.com</strong>
            <span>houdunwang.com</span>
        </aside>
        <span>houdunwang2.com</span>

    </article>

</body>
</html>